<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
				<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="imagemode" content="force">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" type="image/x-icon" href="">
    <link rel="apple-touch-icon-precomposed" href="">
		    <link href="__STATIC__/assets/css/main.css" rel="stylesheet" />
    <link href="__STATIC__/assets/css/animate.min.css" rel="stylesheet" />
    <link href="__STATIC__/assets/css/swiper.min.css" rel="stylesheet" />
     <script src="__STATIC__/assets/js/jquery.min.js"></script>
        <script src="__STATIC__/assets/js/swiper.min.js"></script>
            <script src="__STATIC__/assets/js/swiper.animate.min.js"></script>
	</head>
	<style>
		.tscw{
			position: relative;
    top: 18px;
    display: none;
    color: red;
		}
	</style>
	<body>
		<div class="container-login ">
<div class="container-logo zoomIn animated onehalfsec"></div>
    <form>
        <div class="conlogin ">
            <ul>
                <li class="fadeInRight animated twohalfsec">
                   <div class="phoneicon"><div></div></div>
                    <div>
                       <label><input type="text" class="_put"  id="ema"  placeholder="请输入邮箱" onfocus="this.placeholder = ''"onblur="this.placeholder = '请输入邮箱'"  /></label>
                    </div>
                </li>
                <li class="fadeInLeft animated twohalfsec">
                    <div class="numbericon"><div></div></div>
                    <div>
                        <label><input type="password" id="pass" class="_put"  placeholder="请输入密码" onfocus="this.placeholder = ''" onblur="this.placeholder = '请输入密码'" ng-change="numberChange()" /></label>
                    </div>

                </li>
                <li class="fadeInUp animated twohalfsec" >
                	<span class="tscw"></span>
                    <input type="button" id="loginform" value="登录"/>
                 <div class="ljlogin"><a href="{:url('Index/register')}">立即注册</a></div>
                </li>

            </ul>

        </div>

     </form>
</div>
 <div class="loading-modal load4" id="loading">
        <div class="loader">Loading...</div>

    </div>
<script>
	$(document).ready(function(){
				document.onreadystatechange = loadingChange;
			 function loadingChange()
        {
            if(document.readyState == "complete"){ //当页面加载状态为完全结束时进入
                $("#loading").hide();//当页面加载完成后将loading页隐藏
            }
        }
        $("#loginform").click(function(){
        	var emails =$("#ema").val();
        	var passy = $("#pass").val().length;
        	var tscw = $(".tscw").text();
        	console.log(emails)
        	console.log(passy)
        	console.log(tscw)


        	var Emaily = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
        	if(passy==0){
        	$(".tscw").show();
        	$(".tscw").text("请输入正确的密码");
        	 return false
        }
           if(!(Emaily.test(emails))){
        	 $(".tscw").show();
        	$(".tscw").text("邮箱格式错误请重新输入");
        	return false
        }

                   	window.location.href="home.html"


        })

      })

</script>
	</body>
</html>
